<template>
	<view class="project-page">
		<u-navbar :autoBack="true" :placeholder="true" title="项目修改" bgColor="rgba(255,255,255,0)"></u-navbar>
		<view class="project-list" v-for="(item,index) in list" :key="index">
			<view class="project-left">
				<view class="project-title">
					<image :src="'https://m.lqvvvv.com' + item.icon" mode=""></image>
					<text>{{item.tips}}</text>
				</view>
				<view class="project-tisp">
					<text v-for="(i,x) in item.list" :key="x">
						{{i.title}}
					</text>
				</view>
			</view>
			<view class="project-right">
				<view class="icon" @click="goselse(index)">
					<image v-if="item.isshow =='true'" src="https://m.lqvvvv.com/assets/static/my/selectedyes.png"
						mode=""></image>
					<image v-else src="https://m.lqvvvv.com/assets/static/my/selectedno.png" mode=""></image>
				</view>
				<view class="input">
					<u-input style="height: 60rpx;" placeholder="价格" type="number" maxlength="4" border="surround"
						v-model="item.price">
						<text slot="suffix" style="font-size: 24rpx;">/币</text>
					</u-input>
				</view>
			</view>
		</view>
		<view class="btn-box">
			<u-button type="primary" shape="circle" size="large" @click="gobuy" color="#5755F2" text="提交"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [],
				userinfo: {}
			}
		},
		onLoad() {
			this.postinfo()
			this.postuserinfo()
		},
		methods: {
			postuserinfo() {
				let params = {

				}
				this.$Request({
					method: 'POST',
					url: '/api/user/getMyInfo',
					data: params,
					ismsg: false,
				}).then(res => {
					if (res.code == 1) {
						this.userinfo = res.data
					} else {
						this.userinfo = {}
					}
				})
			},
			gobuy() {
				console.log(this.list)
				let id = '';
				this.list.map(item => {
					if (item.isshow === 'true') {
						id += (id ? ',' : '') + item.name;
					}
				});
				if (id == '') {
					uni.showToast({
						title: '最少保持1个处于开启状态！',
						icon: 'none'
					})
					return
				}
				if (this.list[0].price < 100) {
					uni.showToast({
						title: '项目价格不能低于100！',
						icon: 'none'
					})
					return
				}
				if (this.list[1].price < 100) {
					uni.showToast({
						title: '项目价格不能低于100！',
						icon: 'none'
					})
					return
				}
				if (this.list[2].price < 100) {
					uni.showToast({
						title: '项目价格不能低于100！',
						icon: 'none'
					})
					return
				}
				if (this.list[3].price < 100) {
					uni.showToast({
						title: '项目价格不能低于100！',
						icon: 'none'
					})
					return
				}
				// if (this.userinfo.friend_level == 0) {
				// 	if (this.list[0].price > 150) {
				// 		uni.showToast({
				// 			title: '初级友伴美食探店不得高于150！',
				// 			icon: 'none',
				// 		})
				// 		return
				// 	}
				// 	if (this.list[1].price > 200) {
				// 		uni.showToast({
				// 			title: '初级友伴美酒探店不得高于200！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// 	if (this.list[2].price > 150) {
				// 		uni.showToast({
				// 			title: '初级友伴娱乐探店不得高于150！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// 	if (this.list[3].price > 150) {
				// 		uni.showToast({
				// 			title: '初级友伴台球助教不得高于150！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// }
				// if (this.userinfo.friend_level == 1) {
				// 	if (this.list[0].price > 500) {
				// 		uni.showToast({
				// 			title: '中级友伴美食探店不得高于500！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// 	if (this.list[1].price > 500) {
				// 		uni.showToast({
				// 			title: '中级友伴美酒探店不得高于500！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// 	if (this.list[2].price > 500) {
				// 		uni.showToast({
				// 			title: '中级友伴娱乐探店不得高于500！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// 	if (this.list[3].price > 500) {
				// 		uni.showToast({
				// 			title: '中级友伴台球助教不得高于500！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// }
				// if (this.userinfo.friend_level == 2) {
				// 	if (this.list[0].price > 1000) {
				// 		uni.showToast({
				// 			title: '高级友伴美食探店不得高于1000！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// 	if (this.list[1].price > 1000) {
				// 		uni.showToast({
				// 			title: '高级友伴美酒探店不得高于1000！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// 	if (this.list[2].price > 1000) {
				// 		uni.showToast({
				// 			title: '高级友伴娱乐探店不得高于1000！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// 	if (this.list[3].price > 1000) {
				// 		uni.showToast({
				// 			title: '高级友伴台球助教不得高于1000！',
				// 			icon: 'none'
				// 		})
				// 		return
				// 	}
				// }
				let params = {
					types: id,
					eat_price: this.list[0].price,
					drink_price: this.list[1].price,
					play_price: this.list[2].price,
					happy_price: this.list[3].price
				}
				uni.showLoading({
					mask: true
				})
				this.$Request({
					method: 'POST',
					url: '/api/friend/updateInfo',
					data: params,
					ismsg: true,
				}).then(res => {
					uni.hideLoading()
					if (res.code == 1) {
						this.postinfo()
					}
				})
			},
			goselse(index) {
				if (this.list[index].isshow == 'true') {
					this.list[index].isshow = 'false'
				} else {
					this.list[index].isshow = 'true'
				}
			},
			postinfo() {
				let params = {

				}
				this.$Request({
					method: 'POST',
					url: '/api/friend/getMySubjects',
					data: params,
					ismsg: false,
				}).then(res => {
					if (res.code == 1) {
						console.log(res)
						this.list = res.data
						this.list.map(item => {
							item.price = Number(item.price).toFixed(0)
						})
					}
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	.project-page {
		min-height: 100vh;
		background-image: url('https://m.lqvvvv.com/assets/static/index/nav-bg.png');
		background-repeat: no-repeat;
		background-size: 100% 800rpx;
		background-color: #F7F8FC;
		padding: 30rpx;

		.btn-box {
			margin-top: 80rpx;
		}

		.project-list {
			padding: 30rpx;
			background-color: #ffffff;
			border-radius: 26rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20rpx;

			.project-left {
				.project-title {
					display: flex;
					align-items: center;

					image {
						width: 101rpx;
						height: 56rpx;
					}

					text {
						font-weight: 600;
						font-size: 32rpx;
						color: #2E314A;
						margin-left: 20rpx;
					}
				}

				.project-tisp {
					font-weight: 500;
					font-size: 28rpx;
					color: #2E314A;
					margin-top: 20rpx;

					text {
						margin-right: 15rpx;
					}
				}
			}
		}

		.project-right {
			.icon {
				text-align: right;

				image {
					width: 50rpx;
					height: 50rpx;
				}
			}

			.input {
				width: 160rpx;
				margin-top: 20rpx;
			}
		}
	}
</style>